/* 内置函数，可以直接 js文件中是使用 */
Page({
  onLoad:function(query){
  
    console.log(query);
  },
  data:{
    msg: 'hello wx!',
    // msg:undefined,
    list: [
      { id: 1, name: 'html' },
      { id: 2, name: 'css' },
      { id: 3, name: 'js' },
      { id: 4, name: 'java' },
    ],
    // msg:"今天天气挺好的！",
    num:1,
    a:5,
    b:10,
    bool:true,
    unde:undefined,
    nul:null,
    users: [
      { name: '小明', age: 13, gender: '男' },
      { name: '小刚', age: 19, gender: '男' },
      { name: '小红', age: 18, gender: '女' },
      { name: '小丽', age: 17, gender: '女' },
    ],
    obj:{
      num:123
    },
    arr:[1,2,3],
    brands: [
      {
        name: '耐克',
        origin: '美国',
        category: ['男装', '女装', '鞋', '体育用品'],
      },
      {
        name: 'SK-II',
        origin: '韩国',
        category: ['防晒霜', '面膜', '洗护'],
      },
    ],
  

    // func:function(){}

  },
  // 之前 vue 定义 methods 
  // 小程序定义在 data 同层级的地方
  // 小程序的自定义组件中，定义在 methods
  handleTap:function(){
    console.log("点击按钮了e");
    // vue this.bool = !this.bool;
     console.log(this.data.bool);
    //  this.data.bool = !this.data.bool; 小程序 改 data的数据 不会引起视图的更新
    // react this.setState({})
    this.setData({
      bool:  !this.data.bool
    })
  },
  handleParentTap:function(e){
    console.log(e.currentTarget);
    console.log(e.target);
  },
  handleChildTap:function(e){
    console.log(e.currentTarget);
    console.log(e.target);
  },  // 数据响应
  rev() {
    this.setData({
      // 反转文字
      msg: this.data.msg.split('').reverse().join(''),
    });
  },
  // 修改数组
  changeArr() {
    this.setData(
      {
        'list[3].name': 'python',
      },
      () => {
        console.log(this.data.list);
      }
    );
  },
})